<template>
    <div>
        <!-- <el-row :gutter="10" v-loading="loding" element-loading-text="拼命加载中">
            
        </el-row> -->
        首页
        
    </div>

</template>


<script>
// import * as echarts from 'echarts'

// export default {
//     name: "",
//     data() {
//         return {
//             userNumber: "--",
//             totalPrice: "--",
//             orderNumber: "--",
//             sellPerform: "--",
//             charts: "",
//             userOpinionData: [3, 2, 4, 4, 5],
//             orderOpinionData: [3, 2, 4, 4, 5],
//             title1: "用户数量",
//             userData: ["1", "2", "3", "4", "5"],
//             title2: "订单数量",
//             orderData: ["1", "2", "3", "4", "5", "6"],
//             userDateValue: 15,
//             orderDateValue: 15,
//             loding: true,
//             userloding: true,
//             orderloding: true,
//             max:365
//         };
//     },

//     methods: {
//         getDate() {
//             this.$http.post("/backstage/welcome/getPerm/"+this.userDateValue+","+this.orderDateValue).then(r => {
//                 console.log(r);
//                 if (r.data.code == "200") {
//                     this.userOpinionData = r.data.data.userOpinionData;
//                     this.orderOpinionData = r.data.data.orderOpinionData;
//                     this.userData = r.data.data.userData;
//                     this.orderData = r.data.data.orderData;
//                     this.userNumber = r.data.data.userNumber;
//                     this.totalPrice = r.data.data.totalPrice;
//                     this.orderNumber = r.data.data.orderNumber;
//                     this.sellPerform = r.data.data.sellPerform;

//                     this.drawLine("user", this.title1, this.userOpinionData, this.userData);
//                     this.drawLine("order", this.title2, this.orderOpinionData, this.orderData);
//                     this.loding = false;
//                     this.userloding = false;
//                     this.orderloding = false;
//                 } else if (r.data.code == "701") {
//                     alert("登录已过期,请重新登录");
//                 } else if (r.data.code == "402") {
//                     alert("权限不足");
//                 } else {
//                     alert(r.data.msg);
//                 }
//             })
//         },
//         drawLine(id, title, opinionData, xAxisData) {
//             this.charts = echarts.init(document.getElementById(id));
//             this.charts.setOption({
//                 tooltip: {
//                     trigger: "axis",
//                 },
//                 legend: {
//                     data: [title],
//                 },
//                 grid: {
//                     left: "3%",
//                     right: "4%",
//                     bottom: "3%",
//                     containLabel: true,
//                 },

//                 toolbox: {
//                     feature: {
//                         saveAsImage: {},
//                     },
//                 },
//                 xAxis: {
//                     type: "category",
//                     boundaryGap: false,
//                     data: opinionData,
//                 },
//                 yAxis: {
//                     type: "value",
//                 },

//                 series: [
//                     {
//                         name: title,
//                         type: "line",
//                         stack: "总量",
//                         data: xAxisData,
//                     },
//                 ],
//             });
//         },
//         userDateChange:function(){
//             this.userloding = true;
//             this.getDate();
//         },
//         orderDateChange:function(){
//             this.orderloding = true;
//             this.getDate();
//         }
//     },
//     mounted() {
//         this.getDate();
//     }
//     //调用
//     // mounted() {
//     //     this.$nextTick(function () {
//     //         this.drawLine("user", this.title1, this.opinionData, this.userData);
//     //     });
//     //     this.$nextTick(function () {
//     //         this.drawLine("order", this.title2, this.opinionData, this.orderData);
//     //     });
//     // }
// };
</script>





<style>
.el-row {
    margin-bottom: 20px;

    &:last-child {
        margin-bottom: 0;
    }
}

.el-col {
    border-radius: 4px;
}

.bg-purple-dark {
    background: #e2e5e9;
}

.bg-purple {
    background: #e2e5e9;
}

.bg-purple-light {
    background: #e2e5e9;
}

.grid-content {
    border-radius: 4px;
    min-height: 36px;
}

.row-bg {
    padding: 10px 0;
    background-color: #f9fafc;
}
</style>
